<gm:page title="Objet Element Html avec code" authenticate="false">
 
  
     <!-- code (objet élément HTML)
     Référence HTML pour les éléments: voir  Élément: code
     accéder aux objets éléments HTML voir  Objets éléments HTML: 
     généralités sur l'utilisation
 
     Les éléments HTML < code>...< /code> ont en tant qu'objet du modèle 
     DOM des  Propriétés universelles pour l'accès des langages script.
 
     L'exemple ci-dessous contient du code Perl marqué par < code>...< /code>
     dans un paragraphe de texte. Dans le repère d'ouverture < code> est 
     noté le  gestionnaire d'événement "onClick". En cliquant sur le texte 
     de cet élément, la  fonction JavaScript "colore()"est appelée. Celle-ci
     accède avec "document.getElementById("exemplePerl")" à l'élément code 
     et lui affecte la classe définie dans passage de style de l'entête de 
     fichier "colore". Le texte est ainsi représenté en bleu. -->
 
 
     <!-- Déclaration fonction -->
     <HEAD>
 
     <style type="text/css"> 
     .colore { color:blue }
     </style>
 
     <script language="JavaScript" type="text/javascript">
     <!--
     function colore() { 
      document.getElementById("exemplePerl").className = "colore";
     }
     //-->
     </script>      
                        
     </HEAD>
 
     <!-- Appel fonction -->
     <BODY> 
 
     <p>
     <code id="exemplePerl" onClick="colore()">
     $Text =~ s/[a-z]| //gi;
     </code>
     </p>
 
     </BODY>
 
</gm:page>


 
